<template>
    <div class="msg-alert">
        <div class="msg-title">{{msgComData.title}}</div>
        <div class="msg-content" v-html="msgComData.content"></div>
        <div class="msg-btnlist">
            <x-button @click.native="goUrl(msgComData.alertBtnUrl)" type="primary">{{msgComData.alertBtn}}</x-button>
            <x-button @click.native="goUrl(msgComData.backBtnUrl)" class="msg-btn-back">{{msgComData.backBtn}}</x-button>
        </div>
    </div>
    </div>
</template>
<script>
import Validation from "src/common/util/validation";
import Config from 'src/common/config/orderConfig';
import DateUtil from 'src/common/util/dateUtil';
import { RequestUrl } from 'src/common/url';
import { Cell, Group, Badge, ButtonTab, ButtonTabItem, XDialog, XButton } from 'vux'
import { mapState, mapActions } from 'vuex';
import { Mutations, RouteUrl } from 'src/common/const';;
export default {
    components: {
        Group,
        XDialog,
        XButton,
        Cell,
        ButtonTab,
        ButtonTabItem
    },
    computed: {
        ...mapState([
            'order',
            'msgComData'
        ]),
    },
    data() {
        return {

        }
    },
    filters: {

    },
    methods: {
        goUrl(url) {
            this.$common.goBackUrl(this, url);
            let data = {
                state: false
            }
            this.$common.storeCommit(this, Mutations.IS_SHOW_MSG_COM_DATA_STATE, data);
        }
    },
    mounted() {
        let _this = this;
        console.log(this.msgComData);
        // this.$init.subPageInit(this);

    },
}
</script>


<style lang="scss">
.msg-alert {
  padding: 20px 20px 0px 20px;
}
.msg-title {
  font-size: 20px;
  font-weight: bold;
}
.msg-content {
  margin-top: 8px;
  font-size: 14px;
  color: #929292;
}
.msg-btn-back {
  margin-top: 6px !important;
  background-color: #fff;
  color: #C8161D !important;
}
.msg-btnlist {
  button {
    font-size: 16px !important;
  }
  margin-top: 10px;
  .weui-btn:after {
    border: 0px !important;
  }
}
</style>






